.container{
    width:1000px;
    height: 40px;
    margin:0 auto;
    padding:0 20px 0 20px;
}
.clearfix:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
}
.base-header .topbar{
    height:40px;
    background-color: #595959;
}
.logosearch{
    background-color: #ededed;
    height:140px;
}
.menu{
    height:43px;
    border-bottom: 3px solid #2ebeb1;

}
.submenu{
    height:41px;
    margin:0 auto;
    background-color: #e9e9e9;
    border-bottom: 1px solid #cccccc;
}
.base-header .container .login{
    float: left;
    margin-top:6px;
}
.base-header .topbar .container .loginbtn{
    margin-top: 0;
    display:inline-block;
    height: 40px;
    background:url(../images/sprites.png) 0 -1px;
    padding-left: 35px;
    padding-top: 4px;
    text-align:center;
    color:#c9c9c9;
}
.base-header .login .loleft{
    margin-left: 3px;
    color: #c9c9c9;
    height: 20px;
    width: 10px;
    padding-left: 6px;
    border-left: 1px solid #c9c9c9;
}
.base-header .topbar .container .loginbtn:hover{
    background-position:-71px -1px ;
}
.base-header .topbar .cart{
    float:right;
    margin-top:1px;
}
.base-header .topbar .cart .cartbtnleft{
    background-image:url(../images/sprites.png) ;
    width:110px;
    height:38px;
    display: block;
    background-color: #00d287;
    background-repeat:no-repeat ;
    float:left;
    background-position: 8px -71px;
}
.base-header .topbar .cart .count{
    display: block;
    margin:3px 0 0 20px;
    float: left;
    height: 20px;
    width: 20px;
    background-color: #f39d00;
    border:1px solid #fff ;
    border-radius: 50% ;
    color:#ffffff;
    text-align: center ;

}
.base-header .topbar .cart .chrs{
    display: block;
    margin-top: 7px;
    margin-left:7px;
    float: left;
    text-align:center;
    color: #ffffff;
}
.base-header .topbar .cart .cartbtnmore{
    display: block;
    background-image:url(../images/sprites.png) ;
    width: 40px ;
    height: 38px ;
    background-color: #2ebeb1;
    float: left;
    background-position: 13px -130px;
}
.base-header .logosearch .logo{
    padding-top: 50px;
}
.base-header .logosearch .logo a{
    float:left;
    display: block;
    width:270px;
    height:70px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../images/logo.png) no-repeat ;
}
.base-header .logosearch .logo a:hover{
    background: url(../images/logo1.png) no-repeat ;
}
.base-header .logosearch .search {
    float:right;
}
.base-header .logosearch .search .inputsearch{
    margin-right: 2px;
    display: block;
    float: left;
    height: 40px;
    width: 420px;
    padding: 5px;
    border: 1px solid #c9c9c9;
    outline: 0;
}
.base-header .logosearch .search .searchbtn{
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    background-color: #2ebeb1;
    border:0;
}
.base-header .logosearch .search .searchbtn :hover{
    background-color: #16a085;
}
.base-header .logosearch .search .srearchicon {
    display: block;
    width: 28px;
    height: 28px;
    margin: 6px;
    background-image:url(../images/sprites.png);
    background-position: -152px -5px;
}
.base-header .logosearch .search .srearchicon:hover{
    background-position: -242px -5px;
}
.base-header nav .menu{
    height: 43px;
    border-bottom: 3px solid #2ebeb1;
}
.base-header nav ul li{
    padding: 10px 20px 0;
    float: left;
}
.base-header nav .menu ul li.current, .base-header nav .menu ul li:hover{
    height:40px;
    background:url(../images/sprites.png) no-repeat bottom center ;
}
.base-header nav .menu ul li.current a{
    color:#666;
    font-weight:bold;
}
.base-header nav ul li a{
    color: #999;
}
.base-header nav .submenu .container{
    height:41px;
    border-bottom:1px solid #ccc;
}
.base-header nav .submenu ul li{
    padding-top: 0;
    margin-top: 10px;
    border-left: 1px solid #999;
}
.base-header nav .submenu ul li:first-child{
    border-left: none;
}



.index-detail {
    height: 840px;
}
.index-detail .besttop>h3{
    position: relative;
    line-height: 50px;
    color: #999;
    font-weight: normal;
    border-bottom: 3px solid #e9e9e9;
}
.index-detail h3 span{
    margin-right: 10px;
}
.index-detail .besttop .topbtn{
    margin-top: 20px;
    height: 405px;
}
.index-detail .besttop .topbtn>div.left{
    float: left;
    width: 240px;
    height: 405px;
    position: relative;
}
.index-detail .besttop .topbtn .left .img{
    position: absolute;
    right: 0;
    bottom: 60px;
}
.index-detail .besttop .topbtn .left .button{
    display: block;
    height: 30px;
    border: 1px solid #e9e9e9;
    width:240px;
    position: absolute;
    bottom: 0;
}
.index-detail .besttop .topbtn .left .button .icon{
    display: block;
    float: left;
    width: 37px;
    height: 30px;
    background: url(../images/sprites.png );
    background-position: -146px -76px;
}
.index-detail .besttop .topbtn .left .button .bt{
    color: #9ca7b1;
    line-height: 30px;
    padding-left: 10px;
}
.index-detail .besttop .topbtn .left .button .bt span{
    margin-right: 5px;
    margin-top: 10px;
    display: block;
    float: right;
    width: 13px;
    height: 9px;
    background: url(../images/sprites.png );
    background-position: -754px -63px;
}
.index-detail .besttop .topbtn .middle {
    margin-left: 260px;
    width: 400px;
}
.index-detail .besttop .middle .title{
    font-size: 23px;
    font-weight: normal;
    height: 50px;
}
.index-detail .besttop .middle .title .ic{
    margin-left: 10px;
    display: inline-block;
    width: 16px;
    height: 14px;
    background: url(../images/sprites.png ) no-repeat;
    background-position: -984px -52px;
}
.index-detail .besttop .middle .edition{
    display: block;
    margin-top: 10px;
    line-height: 40px;
    color: #37414d;
    font-size: 16px;
}
.index-detail .besttop .middle .author{
    line-height: 50px;
    color: #37414d;
    font-size: 16px;
}
.index-detail .besttop .middle .author a{
    color: #15c0b2;
    font-size: 18px;
}
.index-detail .besttop .middle .author a .ico{
    margin-left: 10px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/sprites.png ) no-repeat;
    background-position: -984px -268px;
}
.index-detail .besttop .middle .date{
    margin-top: 10px;
    height: 80px;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
}
.index-detail .besttop .middle .date li{
    line-height: 39px;
}
.index-detail .besttop .middle .review{
    display: block;
    line-height: 50px;
    border-bottom: 1px solid #e9e9e9;
}
.index-detail .besttop .middle .review a{
    color: #15c0b2;
}
.index-detail .besttop .middle .review a ul.i li{
    display:inline-block;
    width: 26px;
    height: 26px;
    margin-right: 5px;
    float: left;
    background: url(../images/sprites.png ) no-repeat;
    background-position: -974px -92px;
    margin-top: 13px;
}
.index-detail .besttop .right{
    float: right;
    width: 240px;
    position: relative;
}


.index-detail .besttop .right span,.index-detail .besttop .right a{
    display: block;
}
.index-detail .besttop .right .oldprice {
    text-decoration: line-through ;
    color: #989FA9;
    line-height: 20px;
    font-size: 12px;
}
.index-detail .besttop .right .nowprice {
    font-weight: bold;
    line-height: 45px;
    font-size: 24px;
    color: #111;
}
.index-detail .besttop .right .off{
    width: 50px;
    height: 50px;
    border-radius: 50% ;
    -webkit-border-radius: 50% ;
    -moz-border-radius: 50% ;
    position: absolute;
    top: 0;
    right: 0;
}
.index-detail .besttop .right .off span{
    text-align: center ;
}
.index-detail .besttop .right .off .percent {
    color: #fff;
    padding-top: 6px;
}
.index-detail .besttop .right .off .offchr {
    color: #e9e9e9;
    padding-bottom: 6px;
}
.index-detail .besttop .right a.button{
    line-height: 40px;
}
.index-detail .besttop .right a.button span.left1 {
    font-weight: normal;
    font-size: 18px;
    width: 200px;
    line-height: 40px;
    float: left;
    text-align: center ;
    color: #fff;
}
.index-detail .besttop .right a.button span.left1{
    background-color: #1bbf9c;
}
.index-detail .besttop .right a.button span.icon{
    float: right;
    width: 40px;
    height: 40px;
}
.index-detail .besttop .right .off{
    background-color: #00c0af;
}
.index-detail .besttop .right .data{
    color: #f0ac36;
}

.index-detail .besttop .right .button .icon{
    background: url(../images/sprites.png ) -360px -1px;
}

.index-detail .besttop .right .button:hover .icon{
    background-position: -360px -68px;
}
.index-detail .besttop .right .days{
    display: block;
    margin-top: 65px;
    height: 32px;
    border: 1px solid #e9e9e9;
}
.index-detail .besttop .right .days .icon{
    display: block;
    float: left;
    width: 32px;
    height: 32px;
    background: url(../images/sprites.png ) no-repeat;
    background-position: -228px -75px;
}
.index-detail .besttop .right .days .lefto{
    display: block;
    color: #ffb322;
    line-height: 32px;
    margin-left: 62px;
}
.index-detail .besttop .right .days .lefto span{
    float: right;
    margin-top: 10px;
    margin-right: 10px;
    width: 13px;
    height: 9px;
    background: url(../images/sprites.png ) -681px -63px;
}

.index-detail .menulist {
    height: 40px;
    border-bottom: 1px solid #e9e9e9;
    margin-top: 35px;
}
.index-detail .menulist li{
    float: left;
    margin-left: 35px;
}
.index-detail .menulist li:first-child {
    margin-left: 0;
}
.index-detail .menulist li a{
    font-size: 18px;
    color: #948d8d;
}
.index-detail .menulist li.current a{
    color: #00c0b0;
}
.index-detail .syn{
    margin-top: 30px;
}
.index-detail .syn p{
    margin-top: 10px;
}
.index-detail .syn p.title{
    color: #6b6b6c;
    font-size: 16px;
}
.index-detail .syn p span{
    color: #5F6268;
    font-size: 16px;
    font-style: italic;
}
.index-detail .syn p{
    color: #808184;
}
.index-recomd {
    height: 915px;
}
.index-recomd .recomdtop {
    margin-top: 40px;
}
.index-recomd .recomdtop h2{
    font-weight: normal;
    font-size: 20px;
    line-height: 40px;
}
.index-recomd .recomdtop .mid{
    height: 117px;
    border-bottom: 1px solid #e9e9e9;
    border-top: 1px solid #e9e9e9;
    position: relative;
}
.index-recomd .recomdtop .mid span{
    line-height: 40px;
    color: #808184;
}
.index-recomd .recomdtop .mid .love li{
    display: block;
    width: 14px;
    height: 12px;
    float: left;
    margin-right: 10px;
    background: url(../images/sprites.png);
    background-position: -986px -197px;
}
.index-recomd .recomdtop .mid .rig{
    width: 191px;
    height: 46px;
    position: absolute;
    bottom: 30px;
    right: 0;
}

.index-recomd .recomdtop .mid .rig .left1{
    float: left;
    font-size: 16px;
    color: #fff;
    text-align: center ;
    display: block;
    width: 140px;
    height: 44px;
    background-color: #ffc24c;
}
.index-recomd .recomdtop .mid .rig .icon{
    background-color: #ffb31f;
    margin-left: 140px;
    display: block;
    width:51px;
    height: 46px;
    background: url(../images/sprites.png);
    background-position: -567px -63px;
}
.index-recomd .recomdtop .vie{
    height: 40px;
    border-bottom: 1px solid #e9e9e9;
}
.index-recomd .recomdtop .vie .le{
    color: #808184;
    float: left;
    line-height: 40px;
}
.index-recomd .recomdtop .vie .rig{
    float: right;
    line-height: 40px;
    color: #808184;
}


.index-recomd .newlist{
    margin-top: 1px;
    height: 510px;
}
.newlist li{
    display: block;
    float: left;
    width: 160px;
    height: 475px;
    margin-left: 10px;
    position: relative;
    margin-top: 30px;
}
.newlist li:first-child {
    margin-left: 0;
}
.newlist li a.img{
    padding: 5px;
    border: 1px solid #e9e9e9;
    position: absolute;
    bottom: 235px;
}
.newlist li a.img img{
    width: 148px;
    float: left;
}
.newlist li span,.newlist li a{
    display: block;
}
.newlist li .title {
    height: 50px;
    margin-top: 240px;
    text-align: center ;
    font-size:13px ;
    color: #232522;
    font-weight: normal;
    padding-top: 10px;
}
.newlist li .author {
    line-height: 20px;
    color: #a3a09e;
    text-align: center ;
    font-size: 12px;
}
.newlist li .data{
    text-align: center ;
    font-size: 12px;
    line-height: 40px;
}
.newlist li .cover{
    font-weight: normal;
    color: #232522;
    line-height: 20px;
    font-size: 12px;
}
.newlist li .oldprice {
    text-decoration: line-through ;
    color: #989FA9;
    line-height: 20px;
    font-size: 12px;
}
.newlist li .nowprice {
    font-weight: bold;
    line-height: 45px;
    font-size: 24px;
    color: #111;
}
.newlist li .off{
    width: 50px;
    height: 50px;
    border-radius: 50% ;
    -webkit-border-radius: 50% ;
    -moz-border-radius: 50% ;
    position: absolute;
    bottom: 55px;
    right: 0;
}
.newlist li .off span{
    text-align: center ;
}
.newlist li .off .percent {
    color: #fff;
    padding-top: 6px;
}
.newlist li .off .offchr {
    color: #e9e9e9;
    padding-bottom: 6px;
}
.newlist li a.button{
    line-height: 40px;
}
.newlist li a.button span.left {
    font-weight: normal;
    font-size: 18px;
    width: 120px;
    line-height: 40px;
    float: left;
    text-align: center ;
    color: #fff;
}
.newlist li.pre a.button span.left{
    background-color: #9b4bd8;
}
.newlist li.post a.button span.left{
    background-color: #1bbf9c;
}
.newlist li a.button span.icon{
    float: right;
    width: 40px;
    height: 40px;
}
.index-recomd .newlist li.post .off{
    background-color: #00c0af;
}
.index-recomd .newlist li.post .data{
    color: #f0ac36;
}
.index-recomd .newlist li.post .button .icon{
    background: url(../images/sprites.png ) -360px -1px;
}
.index-recomd .newlist li.post .button:hover .icon{
    background-position: -360px -68px;
}
.newlist li .data span.icon{
    display: inline-block;
    width: 20px;
    height: 25px;
    background: url(../images/sprites.png );
}
.index-recomd .newlist li.post .data .icon{
    background-position: -572px 10px;
}
.index-recomd .recomdbottom {
    background-color: #f7f7f7;
    margin-top: 40px;
    height: 160px;
    border: 1px solid #e9e9e9;
}
.index-recomd .recomdbottom h3{
    font-size: 16px;
    font-weight: normal;
    margin-left: 15px;
    line-height: 50px;
}
.index-recomd .recomdbottom span{
    color: #080515;
    background-color: #fff;
    display: inline-block;
    margin-top: 10px;
    line-height: 30px;
    font-size: 13px;
    padding: 5px;
    border: 1px solid #e9e9e9;
    margin-left: 15px;
}

.base-footer{
    margin-top: 20px;
}
.base-footer .footertop{
    height: 250px;
    background-color: #e9e9e9;
}
.base-footer .left{
    float: left;
    width: 240px;
    height: 250px;
    background-color: #ffb321;
}
.base-footer .left .help{
    padding-top: 30px;
    padding-left: 20px;
}
.base-footer .left .help h3{
    height: 20px;
    color: #fff;
    font-size:16px ;
}
.base-footer .left .help h3 .ic{
    margin-right: 5px;
    float: left;
    display: block;
    width: 23px;
    height: 23px;
    background: url(../images/sprites.png  )  no-repeat -901px 0px;
}
.base-footer .left .helplist{
    margin-left: 30px;
    margin-top: 25px;
    line-height: 25px;
}
.base-footer .left .helplist li a{
    color: #fff;
    font-size: 12px;
}
.base-footer .left .tel{
    padding-left: 30px;
    padding-top: 30px;
}
.base-footer .left .tel h3{
    height: 20px;
    color: #fff;
    font-size:18px ;
}
.base-footer .left .tellist{
    margin-top: 10px;
}
.base-footer .left .tellist li a{
    color: #fff;
}
.base-footer .left .tellist li a .tele{
    display: block;
    width: 23px;
    height: 23px;
    float: left;
    background: url(../images/sprites.png  )  no-repeat -947px 0px;
}
.base-footer .right h3{
    color: #555;
    font-size: 14px;
    font-weight: normal;
}
.base-footer .right>ul> li{
    line-height: 25px;
    margin-top: 30px;
    margin-left: 100px;
    float: left;
}
.base-footer .right>ul.footernavtoplist> li:first-child {
    margin-left: 20px;
}
.base-footer .right>ul> li>ul{
    margin-top: 5px;
}
.base-footer .right ul li ul li a{
    color: #6c6c6c;
    line-height: 1.5em;
    font-size: 12px;
}
.base-footer .footerbottom{
    height: 120px;
    background-color: #595959;
}

.base-footer .right .social li a{
    width: 32px;
    height: 32px;
}
.base-footer .right .payment li a{
    width: 45px;
    height: 41px;
}
.base-footer .right ul.payment li.master a{
    width: 60px;
}
.base-footer .right .social li{
    margin-right: 10px;
    float: left;
}
.base-footer .footernavbtmlist li a{
    display:block;
    background:url(../images/sprites.png ) no-repeat ;
}
.base-footer .footernavbtmlist .social .fb a{
    background-position:-2px -323px ;
}
.base-footer .footernavbtmlist .social .yt a{
    background-position:-89px -323px ;
}
.base-footer .footernavbtmlist .social .twitter a{
    background-position:-187px -323px ;
}
.base-footer .footernavbtmlist .social .wb a{
    background-position:-290px -323px ;
}
.base-footer .footernavbtmlist .social .qq a{
    background-position:-388px -323px ;
}
.base-footer .footernavbtmlist .social .gp a{
    background-position:-504px -323px ;
}
.base-footer .right .payment  li{
    margin-right: 10px;
    float: left;
}
.base-footer .footernavbtmlist .payment .visa a{
    background-position:-2px -419px ;
}
.base-footer .footernavbtmlist .payment .master a{
    background-position:-121px -419px ;
}
.base-footer .footernavbtmlist .payment .qpay a{
    background-position:-269px -418px ;
}
.base-footer .footernavbtmlist .payment .wepay a{
    background-position:-383px -419px ;
}
.base-footer .footerbottom .footerbtmleft{
    float: left;
    width: 240px;
    height: 120px;
    border-top:0;
    border-left:120px solid #ffb321;
    border-right: 120px solid #ffb321;
    border-bottom: 120px solid #595959;
}
.base-footer .footerbottom .copyright {
    height: 120px;
    color: #bfbfbf;
    padding-left: 300px;
    padding-top: 30px;
    line-height: 20px;
}
.base-footer .footerbottom .copyright a{
    display: inline-block;
    color: #bfbfbf;
}